<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>视频播放器</title>
		<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">
		<link rel="stylesheet" href="css/progress.css">
		<link rel="stylesheet" href="css/style.css">
	</head>
	<body>
		<h1>自定义视频播放器</h1>
		<video 
			src="videos/gone.mp4" 
			id="video" 
			class="screen"
			poster="img/poster.png"
			>
		</video>
		<div class="controls">
			<!--播放按钮-->
			<button class="btn" id="play">
				<i class="fa fa-play fa-2x"></i>
			</button>
			<!--暂停按钮-->
			<button class="btn" id="stop">
				<i class="fa fa-stop fa-2x"></i>
			</button>
			<!--播放进度条-->
			<input type="range" id="progress" min="0" max="100" step="0.1" value="0">
			<!--时间戳-->
			<span class="timestamp" id="timestamp">00:00</span>
		</div>
		<script src="index.js"></script>
	</body>
</html>
